
<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>YLUI-高度可扩展桌面UI</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="YLUI是一款高度可扩展的桌面UI框架，由开源项目WIN10UI延申而来。YLUI拥有用户熟悉的窗口操作界面，完全可视化的开发流程，以及简单而强大的API。"/>
    <meta name="keywords" content="YLUI,Yuri2,Win10ui,响应式,web,桌面,UI"/>
    <meta name="author" content="Yuri2"/>

    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <link rel="shortcut icon" href="./favicon.ico">

    <!--<link href='http://fonts.useso.com/css?family=PT+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>-->

    <!-- Animate.css -->
    <link rel="stylesheet" href="css/animate.css">
    <!-- Icomoon Icon Fonts-->
    <link rel="stylesheet" href="css/icomoon.css">
    <!-- Simple Line Icons -->
    <link rel="stylesheet" href="css/simple-line-icons.css">
    <!-- Bootstrap  -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- Owl Carousel  -->
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
    <!-- Style -->
    <link rel="stylesheet" href="css/style.css">


    <!-- Modernizr JS -->
    <script src="js/modernizr-2.6.2.min.js"></script>
    <!-- FOR IE9 below -->
    <!--[if lt IE 9]>
    <script src="js/respond.min.js"></script>
    <![endif]-->

</head>
<body>
<header role="banner" id="fh5co-header">
    <div class="fluid-container">
        <nav class="navbar navbar-default">
            <div class="navbar-header">
                <!-- Mobile Toggle Menu Button -->
                <a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle" data-toggle="collapse" data-target="#navbar"
                   aria-expanded="false" aria-controls="navbar"><i></i></a>
                <a class="navbar-brand" href="index.html"><span>I</span>FI</a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li class="active"><a href="#" data-nav-section="home"><span>下载</span></a></li>
                    <li><a href="#" data-nav-section="explore"><span>产品</span></a></li>
                    <li><a href="#" data-nav-section="testimony"><span>体验</span></a></li>
                    <li><a href="#" data-nav-section="pricing"><span>价格</span></a></li>
                    <li><a href="#" data-nav-section="team"><span>作者</span></a></li>
                    <li><a href="#" data-nav-section="faq"><span>FAQ</span></a></li>
                    <li class="call-to-action">
                        <a onclick="window.open('https://github.com/yuri2peter/ylui/tree/master/documents')"
                           href="https://github.com/yuri2peter/ylui/tree/master/documents"
                           target="_blank"><span>开发文档</span></a></li>
                </ul>
            </div>
        </nav>
    </div>
</header>

<section id="fh5co-home" data-section="home" style="background-image: url(images/full_image8.jpg);"
         data-stellar-background-ratio="0.5">
    <div class="gradient"></div>
    <div class="container">
        <div class="text-wrap">
            <div class="text-inner">
                <div class="row">
                    <div class="htmlTableCol-md-8 htmlTableCol-md-offset-2">
                        <h1 class="to-animate">业财融合平台-高效、实用、可扩展、大数据应用产品</h1>
                        <h2 class="to-animate">
                            由十年经验大数据团队
                            <a href="http://win10ui.yuri2.cn/" target="_blank">WIN10UI</a>
                            亲情打造，拥有用户熟悉的窗口操作界面，完全可视化的开发流程，以及简单而强大的API。
                        </h2>
                        <div class="call-to-action">
                            <a href="http://www.bycodes.net/ylui" target="_blank" class="demo to-animate">Demo</a>
                            <a href="https://github.com/yuri2peter/ylui" target="_blank" class="download to-animate">Download</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section id="fh5co-explore" data-section="explore">
    <div class="container">
        <div class="row">
            <div class="htmlTableCol-md-12 section-heading text-center">
                <h2 class="to-animate">产品</h2>
                <div class="row">
                    <div class="htmlTableCol-md-8 htmlTableCol-md-offset-2 subtext to-animate">
                        <h3>作为一款桌面UI，我们只专注于一件事 —— 更好地组织您的内容</h3>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="fh5co-explore">
        <div class="container">
            <div class="row">
                <div class="htmlTableCol-md-8 htmlTableCol-md-push-5 to-animate-2">
                    <img class="img-responsive" src="images/work_3.png" alt="work">
                </div>
                <div class="htmlTableCol-md-4 htmlTableCol-md-pull-8 to-animate-2">
                    <div class="mt">
                        <h3>丰富的桌面UI元素</h3>
                        <p>YLUI最大程度地还原广了大用户熟悉的桌面操作模式，以各种形式的快捷方式定义操作入口，以子窗口承载信息主体。</p>
                        <ul class="list-nav">
                            <li><i class="icon-check2"></i>经典的图标+菜单+侧边栏模式</li>
                            <li><i class="icon-check2"></i>流畅的操作体验</li>
                            <li><i class="icon-check2"></i>可拖拽可分组的磁贴</li>
                            <li><i class="icon-check2"></i>符合windows操作逻辑的多窗口管理</li>
                            <li><i class="icon-check2"></i>丰富的视觉效果，自定义主题</li>
                            <li><i class="icon-check2"></i>可视化创建图标、磁贴、文件夹、桌面小工具、动态壁纸——DIY，从未如此简单</li>
                        </ul>
                    </div>
                </div>

            </div>
        </div>
    </div>
<div class="fh5co-explore fh5co-explore-bg-color">
        <div class="container">
            <div class="row">
                <div class="htmlTableCol-md-8 htmlTableCol-md-pull-1 to-animate-3">
                    <img class="img-responsive" src="images/work_2.png" alt="work">
                </div>
                <div class="htmlTableCol-md-4 to-animate-3">
                    <div class="mt">
                        <div>
                            <h4><i class="icon-html5"></i>秒级查询</h4>
                            <p>采用大数据实时信息处理技术，对数据进行切片拆分，流计算处理模式。对存储达百亿级别的数据容量也能快速精准定位。响应快，秒级别的低延迟特性将节省大量的查询等待时间。</p>
                        </div>
                        <div>
                            <h4><i class="icon-database"></i>运算能力</h4>
                            <p>采用离线处理在线处理相结合，在线数据处理能力，千万级别数据分秒级响应，适用于各种复杂逻辑处理，ETL处理，科学计算，报表统计。适用于离线计算。</p>
                        </div>
                        <div>
                            <h4><i class="icon-frame"></i>自动化对账系统</h4>
                            <p>依托强大的AI人工智能，对数据进行半自动化对账。包括业务数据自动化分析，财务数据自动化分析，基础校验库数据一千万数据量，基础知识库一亿数据量。</p>
                        </div>   
                        <div>
                            <h4><i class="icon-frame"></i>架构设计</h4>
                            <p>保证对外提供稳定接口，这是对使用者进行最基本的服务支撑。对客户提供稳定的服务接口，源于我们强大而且完善的架构设计。保证系统实时响应，永不党机。根据多年从容错率，响应等多方面，都做到了最优。</p>
                        </div> 
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="row">
            <div class="htmlTableCol-md-12 section-heading text-center">
                <h2 class="to-animate">产品</h2>
                <div class="row">
                    <div class="htmlTableCol-md-8 htmlTableCol-md-offset-2 subtext to-animate">
                        <h3>作为一款桌面UI，我们只专注于一件事 —— 更好地组织您的内容</h3>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="fh5co-explore">
        <div class="container">
            <div class="row">
                <div class="htmlTableCol-md-8 htmlTableCol-md-push-5 to-animate-2">
                    <img class="img-responsive" src="images/work_1.png" alt="work">
                </div>
                <div class="htmlTableCol-md-4 htmlTableCol-md-pull-8 to-animate-2">
                    <div class="mt">
                        <h3>丰富的桌面UI元素</h3>
                        <p>YLUI最大程度地还原广了大用户熟悉的桌面操作模式，以各种形式的快捷方式定义操作入口，以子窗口承载信息主体。</p>
                        <ul class="list-nav">
                            <li><i class="icon-check2"></i>经典的图标+菜单+侧边栏模式</li>
                            <li><i class="icon-check2"></i>流畅的操作体验</li>
                            <li><i class="icon-check2"></i>可拖拽可分组的磁贴</li>
                            <li><i class="icon-check2"></i>符合windows操作逻辑的多窗口管理</li>
                            <li><i class="icon-check2"></i>丰富的视觉效果，自定义主题</li>
                            <li><i class="icon-check2"></i>可视化创建图标、磁贴、文件夹、桌面小工具、动态壁纸——DIY，从未如此简单</li>
                        </ul>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div class="fh5co-explore fh5co-explore-bg-color">
        <div class="container">
            <div class="row">
                <div class="htmlTableCol-md-8 htmlTableCol-md-pull-1 to-animate-3">
                    <img class="img-responsive" src="images/work_2.png" alt="work">
                </div>
                <div class="htmlTableCol-md-4 to-animate-3">
                    <div class="mt">
                        <div>
                            <h4><i class="icon-html5"></i>基于WEB前端实现</h4>
                            <p>由HTML+CSS+JS打造，完美运行于主流浏览器，不限制后端语言。支持使用第三方工具打包为APP或桌面应用程序。</p>
                        </div>
                        <div>
                            <h4><i class="icon-database"></i>可序列化状态</h4>
                            <p>YLUI在运行过程中的状态支持以json格式随时被序列化及反序列化，这将为本地缓存，网络传输、多用户定制带来极大的便利。</p>
                        </div>
                        <div>
                            <h4><i class="icon-frame"></i>页面组件化</h4>
                            <p>窗体是桌面UI的灵魂，YLUI的窗体支持动态URL管理，跨域级别的子窗口通信。基于此特性您轻松实现多窗体联动，开发出可灵活可复用的子窗口；强大的API让您能使用代码控制整个UI的runtime，甚至可以构造自己的应用商店！</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section id="fh5co-testimony" data-section="testimony">
    <div class="container">
        <div class="row">
            <div class="htmlTableCol-md-12 to-animate">
                <div class="wrap-testimony">
                    <div class="owl-carousel-fullwidth">
                        <div class="item">
                            <div class="testimony-slide active text-center">
                                <figure>
                                    <img src="https://q1.qlogo.cn/g?b=qq&nk=757401350&s=100" alt="user">
                                </figure>
                                <blockquote>
                                    <p>"跨平台兼容性较好，用户体验度上较1.X版本中在UI展示上有较大提升，界面更加美观。如果说系统可以支持IE8+的基础并且在浏览器内存消耗上小于同级别框架，在我公司来说可以作为首推JS框架。"</p>
                                </blockquote>
                                <span> Small Boy (Internal test experience User)</span>
                            </div>
                        </div>
                        <div class="item">
                            <div class="testimony-slide active text-center">
                                <figure>
                                    <img src="https://q1.qlogo.cn/g?b=qq&nk=842105949&s=100" alt="user">
                                </figure>
                                <blockquote>
                                    <p>"人生苦短，我用YLUI。"</p>
                                </blockquote>
                                <span>CcDalao</span>
                            </div>
                        </div>
                        <div class="item">
                            <div class="testimony-slide active text-center">
                                <figure>
                                    <img src="https://q1.qlogo.cn/g?b=qq&nk=370672001&s=100" alt="user">
                                </figure>
                                <blockquote>
                                    <p>"整体感觉新颖、惊艳。简单易用，与微软操作系统的用法类似。"</p>
                                </blockquote>
                                <span>Chtao su2075 (Internal test experience User)</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="getting-started getting-started-1">
    <div class="container">
        <div class="row">
            <div class="htmlTableCol-md-6 to-animate">
                <h3>加入社区</h3>
                <p>加入WIN10UI，YLUI官方交流群，与上千开发者隔空交流。</p>
            </div>
            <div class="htmlTableCol-md-6 to-animate-2">
                <div class="call-to-action text-right">
                    <a href="https://jq.qq.com/?_wv=1027&k=5fAsios" class="sign-up">立即加入</a>
                </div>
            </div>
        </div>
    </div>
</div>

<section id="fh5co-pricing" data-section="pricing">
    <div class="fh5co-pricing">
        <div class="container">
            <div class="row">
                <div class="htmlTableCol-md-12 section-heading text-center">
                    <h2 class="to-animate">授权模式</h2>
                    <div class="row">
                        <div class="htmlTableCol-md-8 htmlTableCol-md-offset-2 subtext">
                            <h3 class="to-animate">YLUI是一款有限开源的商业软件。我们提供社区版用以学习和非商业使用，请尊重作者知识产权，感谢您的支持。</h3>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="pricing">
                    <div class="htmlTableCol-md-4">
                        <div class="price-box to-animate-2">
                            <h2 class="pricing-plan">社区版</h2>
                            <div class="price">￥0 / 永久</div>
                            <p>
                                <span>个人非商用使用权</span><br />
                                <span>开发文档</span><br />
                                <span>持续更新</span><br />
                                <span>官方交流群</span><br />
                                <span>保留推广信息</span><br />
                            </p>
                            <a target="_blank" href="https://github.com/yuri2peter/ylui" class="btn btn-select-plan btn-sm">立即体验</a>
                        </div>
                    </div>

                    <div class="htmlTableCol-md-4">
                        <div class="price-box to-animate-2 popular">
                            <h2 class="pricing-plan">个人版</h2>
                            <div class="price">￥400 / 年</div>
                            <p>
                                <span>个人商用使用权</span><br />
                                <span>优先答疑和问题修复</span><br />
                                <span>隐藏推广信息</span><br />
                                <span>VIP用户交流群</span><br />
                                <span class="red">可选￥1600永久</span><br />
                            </p>
                            <a href="tencent://message/?uin=824831811&Site=hexun.com/ngdao&Menu=yes" class="btn btn-select-plan btn-sm">立即购买</a>
                        </div>
                    </div>

                    <div class="htmlTableCol-md-4">
                        <div class="price-box to-animate-2 popular">
                            <h2 class="pricing-plan pricing-plan-offer">企业版</h2>
                            <div class="price">￥1400 / 年</div>
                            <p>
                                <span>企业商用使用权</span><br />
                                <span>优先答疑和问题修复</span><br />
                                <span>隐藏推广信息</span><br />
                                <span>VIP用户交流群</span><br />
                                <span class="red">可选￥5600永久</span><br />
                            </p>
                            <a href="tencent://message/?uin=824831811&Site=hexun.com/ngdao&Menu=yes" class="btn btn-select-plan btn-sm">立即购买</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="htmlTableCol-md-6 htmlTableCol-md-offset-3 to-animate">
                    <p>本软件作品的著作权、商标权等知识产权属于作者所有， 受《中华人民共和国著作权法》、《计算机软件保护条例》、《知识产权保护条例》和相关国际版权条约、法律、法规，以及其它知识产权法律和条约的保护。</p>
                </div>
            </div>

        </div>
    </div>
</section>

<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" title="网站模板">网站模板</a></div>

<section id="fh5co-team" data-section="team">
    <div class="fh5co-team">
        <div class="container">
            <div class="row">
                <div class="htmlTableCol-md-12 section-heading text-center">
                    <h2 class="to-animate">作者寄语</h2>
                    <div class="row">
                        <div class="htmlTableCol-md-8 htmlTableCol-md-offset-2 subtext">
                            <h3 class="to-animate">给岁月以文明,而不是给文明以岁月</h3>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="htmlTableCol-md-8 htmlTableCol-md-offset-2">
                    <div class="team-box text-center to-animate-2">
                        <div class="user"><img class="img-reponsive" src="https://q1.qlogo.cn/g?b=qq&nk=824831811&s=100" alt="Yuri2">
                        </div>
                        <h3>Yuri2</h3>
                        <span class="position">全栈开发工程师</span>
                        <p>PHP | Node.JS | HTML5 | Javascript | Linux</p>
                        <ul class="social-media">
                            <li><a href="https://yuri2.cn" target="_blank"><i class="icon-book2"></i></a></li>
                            <li><a href="mailto:yuri2peter@qq.com" target="_blank" ><i class="icon-envelope-letter"></i></a></li>
                            <li><a href="https://github.com/yuri2peter" target="_blank" ><i class="icon-github-alt"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section id="fh5co-faq" data-section="faq">
    <div class="fh5co-faq">
        <div class="container">
            <div class="row">
                <div class="htmlTableCol-md-12 section-heading text-center">
                    <h2 class="to-animate">常见问题</h2>
                    <div class="row">
                        <div class="htmlTableCol-md-8 htmlTableCol-md-offset-2 subtext">
                            <h3 class="to-animate">想你所想，答你所问</h3>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="htmlTableCol-md-6">
                    <div class="box-faq to-animate-2">
                        <h3>如何上手开发?</h3>
                        <p>我们提供了详细的开发文档，但是作为一款非开箱即用的UI，一些配置和编码是不可避免的，不建议前端初学者使用。</p>
                    </div>
                    <div class="box-faq to-animate-2">
                        <h3>我可以用于自己的开源项目吗? </h3>
                        <p>原则上不可以，因为这不是一款免费软件，开源软件的传播可能会侵犯作者的权益。如果您有这方面的意愿和想法，可以邀请作者一起加入您的开源项目。</p>
                    </div>
                    <div class="box-faq to-animate-2">
                        <h3>付费用户如何购买?</h3>
                        <p>根据需要，我们可以签署授权合同，并开具发票（税款由买方承担）。具体购买事宜请联系作者 <a href="mailto:yuri2peter@qq.com" target="_blank" >yuri2peter@qq.com</a>。</p>
                    </div>
                </div>

                <div class="htmlTableCol-md-6">
                    <div class="box-faq to-animate-2">
                        <h3>如何部署代码?</h3>
                        <p>下载源码后，将文件夹置于WEB目录下，用浏览器访问对应的URL，支持主流web服务（如Apache，Nginx, IIS）。</p>
                    </div>
                    <div class="box-faq to-animate-2">
                        <h3>这是响应式UI吗?对IE浏览器支持如何?</h3>
                        <p>YLUI对各尺寸及点击、触摸操作给予了最大程度的兼容。支持IE10+及其他主流浏览器，更低版本IE不能保证完整的体验。</p>
                    </div>
                    <div class="box-faq to-animate-2">
                        <h3>为什么有的网页不能在子窗口打开?</h3>
                        <p>一些网站设置了iframe限制，还有一些网站监测到iframe后会主动发起跳出。解决方案，如果您有操作权限关闭相关限制即可。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<hr>


<section id="fh5co-trusted" data-section="trusted">
    <div class="fh5co-trusted">
        <div class="container">
            <div class="row">
                <div class="htmlTableCol-md-12 section-heading text-center">
                    <h2 class="to-animate">Trusted By</h2>
                    <div class="row">
                        <div class="htmlTableCol-md-8 htmlTableCol-md-offset-2 subtext">
                            <h3 class="to-animate">We’re trusted by these popular companies</h3>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="htmlTableCol-md-2 htmlTableCol-sm-3 htmlTableCol-xs-6 htmlTableCol-sm-offset-0 htmlTableCol-md-offset-1">
                    <div class="partner-logo to-animate-2">
                        <img src="images/logo1.png" alt="Partners" class="img-responsive">
                    </div>
                </div>
                <div class="htmlTableCol-md-2 htmlTableCol-sm-3 htmlTableCol-xs-6">
                    <div class="partner-logo to-animate-2">
                        <img src="images/logo2.png" alt="Partners" class="img-responsive">
                    </div>
                </div>
                <div class="htmlTableCol-md-2 htmlTableCol-sm-3 htmlTableCol-xs-6">
                    <div class="partner-logo to-animate-2">
                        <img src="images/logo3.png" alt="Partners" class="img-responsive">
                    </div>
                </div>
                <div class="htmlTableCol-md-2 htmlTableCol-sm-3 htmlTableCol-xs-6">
                    <div class="partner-logo to-animate-2">
                        <img src="images/logo4.png" alt="Partners" class="img-responsive">
                    </div>
                </div>
                <div class="htmlTableCol-md-2 htmlTableCol-sm-12 htmlTableCol-xs-12">
                    <div class="partner-logo to-animate-2">
                        <img src="images/logo5.png" alt="Partners" class="img-responsive">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="getting-started getting-started-2" style="background: #4b3f67">
    <div class="container">
        <div class="row">
            <div class="htmlTableCol-md-6 to-animate">
                <h3>支持项目</h3>
                <p>您喜欢这个项目吗？
                    <a target="_blank" href="https://github.com/yuri2peter/ylui">点击这里</a>
                    为项目送上一颗Star，或扫描二维码请作者喝一杯咖啡~</p>
            </div>
            <div class="htmlTableCol-md-6 to-animate-2" style="text-align: right">
                <img style="height: 220px" src="images/donation_weixin.jpg">
                <img style="height: 220px" src="images/donation_zhifubao.jpg">
            </div>
        </div>
    </div>
</div>

<div id="fh5co-footer" role="contentinfo">
    <div class="container">
        <div class="row">
            <div class="htmlTableCol-md-4 to-animate">
                <h3 class="section-title">关于</h3>
                <p>
                    YLUI官方网站，请牢记地址 <a href="https://ylui.yuri2.cn">ylui.yuri2.cn</a>
                    <br/>版权所有，翻版必究
                </p>
                <p class="copy-right">&copy; 2018 ylui.yuri2.cn. <br>All Rights Reserved.
                </p>
            </div>

            <div class="htmlTableCol-md-4 to-animate">
                <h3 class="section-title">联系我们</h3>
                <ul class="contact-info">
                    <li><i class="icon-qq"></i>824831811</li>
                    <li><i class="icon-envelope"></i><a href="mailto:yuri2peter@qq.com" target="_blank" >yuri2peter@qq.com</a></li>
                    <li><i class="icon-globe2"></i><a href="https://yuri2.cn" target="_blank">https://yuri2.cn</a></li>
                    <li><i class="icon-github-alt"></i><a href="https://github.com/yuri2peter" target="_blank" >https://github.com/yuri2peter</a></li>
                </ul>
            </div>
            <div class="htmlTableCol-md-4 to-animate">
                <h3 class="section-title">加入我们</h3>
                <ul class="contact-info">
                    <li><i class="icon-qq"></i><a href="https://jq.qq.com/?_wv=1027&k=5fAsios" target="_blank" >官方QQ群: 191372634</a></li>
                    <li><i class="icon-people"></i>公众号：请搜索“YL软件”<br/>或微信扫描二维码加入</li>
                    <li><img width="128" src="./images/qrcode-gongzhong.jpg" /></li>
                </ul>
            </div>
            <!--
            <div class="htmlTableCol-md-4 to-animate">
                <h3 class="section-title">Drop us a line</h3>
                <form class="contact-form">
                    <div class="form-group">
                        <label for="name" class="sr-only">Name</label>
                        <input type="name" class="form-control" id="name" placeholder="Name">
                    </div>
                    <div class="form-group">
                        <label for="email" class="sr-only">Email</label>
                        <input type="email" class="form-control" id="email" placeholder="Email">
                    </div>
                    <div class="form-group">
                        <label for="message" class="sr-only">Message</label>
                        <textarea class="form-control" id="message" rows="7" placeholder="Message"></textarea>
                    </div>
                    <div class="form-group">
                        <input type="submit" id="btn-submit" class="btn btn-send-message btn-md" value="Send Message">
                    </div>
                </form>
            </div>
            -->
        </div>
    </div>
</div>

<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Stellar Parallax -->
<script src="js/jquery.stellar.min.js"></script>
<!-- Owl Carousel -->
<script src="js/owl.carousel.min.js"></script>
<!-- Main JS (Do not remove) -->
<script src="js/main.js"></script>

</body>
</html>

